<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta name="keywords" content="Web前端视频教程,大数据视频教程,HTML5视频教程,UI视频教程,PHP视频教程,java视频教程,python基础教程">
    <meta name="description" content="智游教育在线课程视频,为您提供java,python,HTML5,UI,PHP,大数据等学科经典视频教程在线浏览学习,精细化知识点解析,深入浅出,想学不会都难,智游教育,学习成就梦想！">
    <meta name="author" content="舒涛">
    <link rel="icon" href="favicon.png" type="image/png">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/css.css">
    <link href="css/video-js.css" rel="stylesheet" type="text/css">
    <title>在线公开课-智游教育|java|大数据|HTML5|python|UI|PHP视频教程</title>
  
   

    <script>
        function addFavorite2() {
            var url = window.location;
            var title = document.title;
            var ua = navigator.userAgent.toLowerCase();
            if (ua.indexOf("360se") > -1) {
                alert("由于360浏览器功能限制，请按 Ctrl+D 手动收藏！");
            } else if (ua.indexOf("msie 8") > -1) {
                window.external.AddToFavoritesBar(url, title); //IE8
            } else if (document.all) {
                try {
                    window.external.addFavorite(url, title);
                } catch (e) {
                    alert('您的浏览器不支持,请按 Ctrl+D 手动收藏!');
                }
            } else if (window.sidebar) {
                window.sidebar.addPanel(title, url, "");
            } else {
                alert('您的浏览器不支持,请按 Ctrl+D 手动收藏!');
            }
        }
    </script>

</head>

<body class="w100">
    <header>
        <div class="container">
            <span>欢迎来到IT培训的黄埔军校——智游教育！</span>
            <a onclick="JavaScript:addFavorite2()"><img src="img/sc.png" draggable="false">加入收藏</a>
            <a onclick="pyRegisterCvt()" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2580094677&site=qq&menu=yes"><img src="img/we.png" draggable="false">联系我们</a>
            <a class="color_e4"><img src="http://www.zhiyou100.com/img/phone.png" draggable="false"> 0371-88888598&#x3000;&#x3000;4006-371-555</a>
        </div>
    </header>
    <nav class="w100">
        <div class="container">
            <img src="http://www.zhiyou100.com/img/logo.png" alt="智游教育的logo" onclick="location.href='index.html'" draggable="false">
            <ul class="text_13 f_right">
                <li>
                    <a href="http://zhiyou100.com/" target="_blank">首页</a>
                </li>
                <li class="nav_down">
                    高端课程<img src="http://www.zhiyou100.com/img/nav_down.png" alt="" draggable="false">
                    <ul id="nav_down" class="t_center">
                        <li>
                            <a target="_blank" href="http://www.zhiyou100.com/Java/index.html">Java国际</a>
                        </li>
                        <li>
                            <a target="_blank" href="http://www.zhiyou100.com/vr/index.html">VR</a>
                        </li>
                        <li>
                            <a target="_blank" href="http://www.zhiyou100.com/html5/index.html">HTML5</a>
                        </li>
                        <li>
                            <a target="_blank" href="http://www.zhiyou100.com/bigdata/index.html">大数据</a>
                        </li>
                        <li>
                            <a target="_blank" href="http://www.zhiyou100.com/IS/index.html">信息安全</a>
                        </li>
                        <li>
                            <a target="_blank" href="http://www.zhiyou100.com/appui/index.html">APP UI</a>
                        </li>
                        <li>
                            <a target="_blank" href="http://www.zhiyou100.com/php/index.html">PHP</a>
                        </li>
                        <li>
                            <a target="_blank" href="http://www.zhiyou100.com/python/index.html">Python</a>
                        </li>
                        <!--<li>
                            <a target="_blank" href="http://www.zhiyou100.com/Android/index.html">Android</a>
                        </li>-->
                        <li>
                            <a target="_blank" href="http://www.zhiyou100.com/ios/index.html">iOS</a>
                        </li>
                        <!--<li>
                            <a target="_blank" href="http://www.zhiyou100.com/netop/index.html">网络运营</a>
                        </li>-->
                    </ul>
                </li>
                <li id="gkk" class="nav_choose">
                    <a href="http://zhiyou100.com/videos/" target="_blank">在线公开课</a>
                </li>
                <li>
                    <a href="http://www.zhiyou100.com/zhuanjiashizi/index.html" target="_blank">专家师资</a>
                </li>
                <li>
                    <a href="http://www.zhiyou100.com/gaoxinjiuye/index.html" target="_blank">高薪就业</a>
                </li>
                <li>
                    <a href="http://www.zhiyou100.com/chuangyexueyuan/index.html" target="_blank">创业学员</a>
                </li>
                <li>
                    <a href="http://www.zhiyou100.com/xueyuanzuopin/index.html" target="_blank">学员作品</a>
                </li>
                <li><a href="http://www.zhiyou100.com/zyxw/ " target="_blank">智游新闻</a></li>
                <li class="nav_last">
                    <a href="http://www.zhiyou100.com/aboutus/index.html" target="_blank">关于智游</a>
                </li>
            </ul>
        </div>
    </nav>
    <div id="detail"></div>
    
        <div>
           
             <div>
            <!--面包屑导航-->
            <div class="container mian-nav">公开课 / ${subjectName}</div>
             
            <div class="intro">
                <div class="container">
                    <div class="v-intro">
                        <div class="left">
                            <video id="videoPlayer" src="${video.videoUrl}" class="video-js vjs-default-skin" controls width="627" height="280"
                                poster="${video.imageUrl}" data-setup="{}">
                            </video>
                        </div>

                        <div class="right">
                            <p class="right-title">${video.title}</p>
                            <div class="avatar">
                                <span style="background-image: url(${speaker.headImgurl})"></span>
                                <p><b>讲师：${speaker.speakerName}</b><br><i>${speaker.speakerDesc}</i></p>
                            </div>
                            <p class="video-intro">
                                <span>本节内容：</span> ${video.detail}
                            </p>
                        </div>
                    </div>

                    <div class="kcjs">
                        <p class="title">课程介绍</p>
                        <p class="content">${course.courseDesc}</p>
                    </div>

                </div>
            </div>
            <!--目录-->
            <div class="catalog">
                <div class="container">
                    <p class="title">目录</p>

                    <c:forEach items="${videoList}" var="video" >
	                    <div class="chapter"  onclick="load(${video.id})">
	                        <p class="biaoti"><a href="showVideo.action?videoId=${video.id}&subjectName=${subjectName}">${video.title}</a></p>
	                        <p class="lecturer">${video.detail}</p>
	                        <p class="lecturer">讲师：${video.speakerName}</p>
	                        <div class="v-info">
	                            <span class="count"><img src="${pageContext.request.contextPath}/img/count.png" alt="">${video.playNum}</span>
	                            <span class="duration"><img src="${pageContext.request.contextPath}/img/player.png" alt="">${video.showTime}</span>
	                        </div>
	                    </div>
                    </c:forEach>
                    

                </div>
            </div>

        </div>
    
           
    <!--页脚-->
    <footer>
        <ul>
            <li>
                <img src="img/footer_logo.png" alt="" draggable="false">
            </li>
            <li class="mt25">
                <h3>各校区地址</h3>
                <ul>
                    <li>总部地址<br>中国-郑州经济技术开发区河南省通信产业园六层</li>
                    <li>郑州校区一<br>中国-郑州经济技术开发区第一大街与经北一路</li>
                    <li>郑州校区二<br>中国-郑州经济技术开发区第四大街经开人才市场七楼</li>
                    <li>郑州校区三<br>中国-郑州经济技术开发区第八大街河南省留学生创业园九层、十层</li>
                    <li>西安分校<br>中国-西安莲湖区&#X3000;联系人：梁老师 13201570801</li>
                </ul>
            </li>
            <li class="mt25">
                <h3>联系我们</h3>
                <ul id="foo_icon">
                    <li>中国-郑州经济技术开发区经北三路河南通信产业园六层</li>
                    <li>e-mail:zy@zhiyou100.com</li>
                    <li>电话:4006-371-555 0371-88888598</li>
                    <li class="erwei">
                        <br>
                        <div>
                            <img class="weixin" src="img/微信公众号.png" alt="" draggable="false">
                            <img class="weibo" src="img/微博公众号.png" alt="" draggable="false">
                        </div>
                    </li>
                </ul>
            </li>
        </ul>
        <div class="record">智游教育 &copy; 豫ICP备17000832号-1 &#X3000;河南智游臻龙教育科技有限公司</div>
    </footer>

    <script src="js/jquery-1.8.3.js"></script>
    <script src="js/video.js"></script>
    <script src="js/index.js"></script>

    <script src="js/vue.js"></script>
    <script src="js/axios.js"></script>
    <script src="js/vueSection.js"></script>
   </body>

</html>
<script src="//vip.zhiyou100.com/client?swt&id=285:342"></script>